<template>
<view class="about">
	<view class="top-box">
		<image src="../../static/dxt.png" style="width: 210upx; height: 66upx; display: block;"></image>
	</view>
	<view class="about_bottom">
		
		<view class="about_item">
			<view class="about_item_left">
				<image src="/static/7.png" style="width: 39upx; height: 35upx;"></image>
			</view>
			<view style="color: #000; font-size: 30upx; width: 150upx; height: 40upx; line-height: 40upx;">微信公众号</view>
			<view class="about_item_right">电小童</view>
		</view>
		
		<view class="about_item">
			<view class="about_item_left">
				<image src="/static/8.png" style="width: 37upx; height: 37upx;"></image>
			</view>
			<view style="color: #000; font-size: 30upx; width: 150upx; height: 40upx; line-height: 40upx;">客服电话</view>
			<view class="about_item_right">400-003-9881</view>
		</view>
		
		<view class="about_item">
			<view class="about_item_left">
				<image src="/static/9.png" style="width: 40upx; height: 34upx;"></image>
			</view>
			<view style="color: #000; font-size: 30upx; width: 150upx; height: 40upx; line-height: 40upx;">联系邮箱</view>
			<view class="about_item_right">xiao15902984656@163.com</view>
		</view>
		
		<view class="about_item">
			<view class="about_item_left">
				<image src="/static/10.png" style="width: 42upx; height: 34upx;"></image>
			</view>
			<view style="color: #000; font-size: 30upx; width: 150upx; height: 40upx; line-height: 40upx;">商务合作</view>
			<view class="about_item_right">18710423194</view>
		</view>
		
		<view class="about_item">
			<view class="about_item_left">
				<image src="/static/11.png" style="width: 40upx; height: 37upx;"></image>
			</view>
			<view style="color: #000; font-size: 30upx; width: 150upx; height: 40upx; line-height: 40upx;">公司网址</view>
			<view class="about_item_right">www.dianxiaotong.net</view>
		</view>
		
	</view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				aboutImg: '../../static/user.png',
				userInfo: {
					info: {},
					getInfo: ()=>{						
						let user = uni.getStorageSync('user');
						this.userInfo.info=user;
						if(user.nick) user.nick=`${user.nick}(${user.userId})`;
						else user.nick=user.userId;
					}
				}
			}
		},
		onLoad() {
			this.userInfo.getInfo();
		},
		methods: {
			turnTo(name) {
				uni.navigateTo({ url: '/pages/index/' + name });
			},
			goBack() {
				uni.navigateBack({ delta: 1 });			
			}
		}
	}
</script>

<style>
.about {
	height: 100vh;
	width: 100vw;
	overflow: auto;
	position: relative;
	background: #F7F7F7;
}

.about .top-box {
	width: 100%;
	height: 310upx;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.about_bottom {
	width: 100%;
	height: calc( 100% - 310upx );
	background: #FFF;
	border-radius: 30upx 30upx 0upx 0upx;
	padding-top: 30upx;
	box-sizing: border-box;
}

.about_item {
	width: 100%;
	height: 80upx;
	margin: 10upx 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.about_item_left {
	width: 42upx;
	height: 40upx;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 50upx;
}

.about_item_right {
	width: 400upx;
	height: 40upx;
	line-height: 40upx;
	font-size: 30upx;
	color: #f27b3d;
	margin-right: 50upx;
	text-align: right;
}
</style>
